<template>
    <Breadcrumb :datas="[`管理系统`, `统计概况`]" />
    <el-row :gutter="20">
        <el-col :span="8">
            <el-card>
                <template #header>
                    <div class="card-header">
                        <span>Card name</span>
                    </div>
                </template>
                <p v-for="o in 4" :key="o" class="text item">
                    {{ "List item " + o }}
                </p>
            </el-card>
        </el-col>
        <el-col :span="8">
            <el-card>
                <template #header>
                    <div class="card-header">
                        <span>Card name</span>
                    </div>
                </template>
                <p v-for="o in 4" :key="o" class="text item">
                    {{ "List item " + o }}
                </p>
            </el-card>
        </el-col>
        <el-col :span="8">
            <el-card>
                <template #header>
                    <div class="card-header">
                        <span>Card name</span>
                    </div>
                </template>
                <p v-for="o in 4" :key="o" class="text item">
                    {{ "List item " + o }}
                </p>
            </el-card>
        </el-col>
    </el-row>
</template>

<script setup>
import { User, Picture, Location } from "@element-plus/icons-vue";
import { ref, reactive } from "vue";
import Breadcrumb from "@/components/breadcrumb";
</script>

<style lang="scss" scoped></style>
